<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body,div,ul,li,a{margin:0px; padding:0px;}
		ul{list-style:none;}
		.clear{clear:both;width:100%; height:3px;}
		#container{width:100%; height:1000px; margin:0px auto;}
		/*页头样式开始*/
		#header{width:100%; height:100px; background-color:#fffefe;}
		#header1 ul{float:right;padding-right:400px;}
		#header1 ul li{width:50px;line-height:40px;float:left;}
		#header1 ul li a{line-height:40px; width:150px;text-decoration:none;color:#888;}
		#header1 ul li a:hover{line-height:40px; width:150px;text-decoration:none;color:#dcdcdc;}
		#logo{font-family:"宋体";
			font-size:50px;padding-left:350px;line-height:150px; float:left;}

		#news ul{width:250px; height:105px; border:1px solid #ddd; float:left;padding-left:15px;margin-left:500px;}
		#news ul li{padding-left:15px;background:url("./image/bullet.gif") no-repeat 5px 12px;}
		#news ul li a{font-size:14px; text-decoration:none; color:#055;}
		#news ul li a:hover{font-size:14px; text-decoration:underline; color:#888;}
		/*页头样式结束*/
		/*导航样式开始*/
		#nav{width:100%;height:40px;background:#eee repeat-x 0px 0px;padding-left:200px;}
		#nav ul li{width:150px;line-height:40px;float:left;margin-left:40px}
		#nav ul li:hover{background:#f1f100;height:6px;width:150px;}
		#nav ul li a{font-family:"微软雅黑";font-size:18px;color:#055;
			text-decoration:none; line-height:40px; width:150px; height:40px;
			text-align:center; display:block;}
		#nav ul li a:hover{color:#bbb;text-align:center;}
		/*导航样式结束*/
		/*主体样式开始*/
		#mainly1{width:100%; border:2px}
		#banner{width:100%;height:500px;
			background:url("./image/zt-ad2.jpg") no-repeat 81px 0px;}
		#mainly2{width:91.25%; margin:0px auto;}
		#contents{width:86%;float:left;border:1px solid #ddd;}
		#con1{width:100%;height:450px;border:1px;float:left;}
		.m1{width:472px;height:450px;border:1px; float:left;margin:6px;}
		.m2{width:472px;height:450px;border:1px; float:left;margin:6px;}
		.m3{width:472px;height:450px;border:1px; float:left;margin:6px;}
		.n1{width:472px;height:310px;background:url("./image/017-lightspeed-headquarters-in-montreal-by-acdf-architecture-472x315.jpg") no-repeat 0px -11px;}
		.n2{width:472px;height:310px;background:url("./image/000-espazio-oteiza-by-mecanismo-472x303.jpg") no-repeat 0px 0px;}
		.n3{width:472px;height:310px;background:url("./image/000-zoomway-studio-china-by-nazodesign-studio-472x303.jpg") no-repeat 0px 0px;}
		.aa a{color:#bbb; text-decoration:none; font-size:12px; line-height:30px;}
		.aa a:hover{color:#6495ed; text-decoration:underline; font-size:12px; line-height:30px;}
		.a1 a{color:#333; text-decoration:none; font-size:22px; line-height:30px;}
		span{color:#888;font-size:16px; line-height:30px;display:block;}
		.a1 a:hover{color:#333; text-decoration:underline; font-size:22px; line-height:30px;}
		span:hover{color:#ccc;font-size:16px; line-height:30px;display:block;}
		#con2{width:100%;height:450px;border:1px;float:left;}
		.m4{width:472px;height:450px;border:1px ; float:left;margin:6px;}
		.m5{width:472px;height:450px;border:1px ; float:left;margin:6px;}
		.m6{width:472px;height:450px;border:1px ; float:left;margin:6px;}
		.n4{width:472px;height:310px;background:url("./image/000-housezero-lab-and-prototype-by-snohetta-472x336.jpg") no-repeat 0px -31px;}
		.n5{width:472px;height:310px;background:url("./image/000-joybox-restaurant-china-by-pures-design-472x303.jpg") no-repeat 0px 0px;}
		.n6{width:472px;height:310px;background:url("./image/000-grvty2-by-daniel-garay-arango-472x303.jpg") no-repeat 0px 0px;}
		#aside{width:12.5%; height:900px; float:left; margin:5px 10px;}
		#aside-h span{margin-left:5px; float:left; color:#000; display:block;}
		#aside-h a{float:right;margin-right:8px;margin-top:5px;text-decoration:none;}
		#aside-h a:hover{text-decoration:underline;}
		.job{width:100%;height:200px;float:left;}
		.pic{width:100%;height:150px; background-color:#ddd; float:left;}
		.text{width:100%;height:30px; background-color:#fff;}
		.text a{color:#333; text-decoration:none; font-size:18px; line-height:24px;}
		.text a:hover{color:#999; text-decoration:underline; font-size:18px; line-height:24px;}

		/*主体样式结束*/
		/*页脚样式开始*/
		#footer{width:100%;height:300px; background-color:#3a3a3a;}
		#fo{width:100%;height:300px;margin-left:300px;}
		.ff{float:left;margin:50px;}
		.ff1 a{text-decoration:none;color:#fff;font-weight:bold;line-height:40px;display:block;}
		.ff2 a{text-decoration:none;color:#fff;line-height:30px;display:block;}
		.ff2 a:hover{text-decoration:none;color:#ddd;line-height:30px;display:block;}
		.ff3 a{text-decoration:none;color:#fff;line-height:30px;display:block;}
		.ff3 a:hover{text-decoration:none;color:#ddd;line-height:30px;display:block;}
		/*页脚样式结束*/
	</style>
</head>
<body>
	<div id="container">
		<div id="header">
			<div id="header1">
				<ul>
					<li><a href="#">登录</a></li>
					<li><a href="#">收藏</a></li>
					<li><a href="#">消息</a></li>
					<li><a href="#">通知</a></li>
			 	</ul>
			</div>
			<div id="logo">
				<ul>
					<li>T3航站楼设计部</li>
				</ul>
			</div>
			<div id="news">
				<ul>
					<li><a href="#">张唐：欣赏自然，理解自然</a></li>
					<li><a href="#">罗宇杰工作室：骆驼湾村廊架</a></li>
					<li><a href="#">HouseZero零能耗实验室--剑桥</a></li>
					<li><a href="#">ZOOMWAY摄影工作室，北京</a></li>
					<li><a href="#">ZOOMWAY摄影工作室，北京</a></li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
		<!--导航开始-->
		<div id="nav">
			<ul>
				<li><a href="#">首页</a></li>
				<li><a href="#">设计分类</a></li>
				<li><a href="#">站内资讯</a></li>
				<li><a href="#">复合检索</a></li>
				<li><a href="#">联系我们</a></li>
				<li><a href="#">最新工作</a></li>
			</ul>
		</div>
		<!--导航结束-->
		<div class="clear"></div>
		<!--主体开始-->
		<!--主体1开始-->
		<div id="mainly1">
			<div class="clear"></div>
			<div id="banner">
			</div>
		</div>
		<!--主体1结束-->
		<div class="clear"></div>
		<!--主体2开始-->
		<div id="mainly2">
			<div id="contents">
				<!--con1开始-->
				<div id="con1">
					<div class="m1">
						<div class="n1"></div>
						<div>
							<div class="aa"><a href="#">建筑</a></div>
							<div class="a1"><a href="#">热带雨林边的儿童村，巴西 / Aleph Zero + Rosenbaum</a></div>
							<span>2018年RIBA世界最佳新建筑：谦逊的英雄主义</span>
						</div>
					</div>
					<div class="m2">
						<div class="n2"></div>
						<div >
							<div class="aa"><a href="#">建筑</a></div>
							<div class="a1"><a href="#">AdGear总部办公楼，蒙特利尔 / ACDF Architecture</a></div>
							<span>历史建筑与现代元素的时空交融</span>					
						</div>
						<div><a href="#"></a></div>
					</div>
					<div class="m3">
						<div class="n3"></div>
						<div >
							<div class="aa"><a href="#">建筑</a></div>
							<div class="a1"><a href="#">UNStudio在香港西九龙文化区设计世界级舞蹈及戏剧艺术剧场</a></div>
							<span>公众的舞台，艺术的家园</span>					
						</div>
						<div><a href="#"></a></div>
					</div>
				</div>
				<!--con1结束-->
				<!--con2开始-->
				<div id="con2">
					<div class="m4">
						<div class="n4"></div>
						<div>
							<div class="aa"><a href="#">建筑</a></div>
							<div class="a1"><a href="#">La Cabra餐厅，马德里 / Mecanismo</a></div>
							<span>充满温暖舒适气氛的复杂流动性空间</span>
						</div>
					</div>
					<div class="m5">
						<div class="n5"></div>
						<div >
							<div class="aa"><a href="#">建筑</a></div>
							<div class="a1"><a href="#">法国中央银行La Courneuve中心，巴黎 / Jean-Paul Viguier et Associés</a></div>
							<span>最坚固的建筑，最温柔的表皮</span>					
						</div>
						<div><a href="#"></a></div>
					</div>
					<div class="m6">
						<div class="n6"></div>
						<div >
							<div class="aa"><a href="#">建筑</a></div>
							<div class="a1"><a href="#">伊比沙岛上的金色太阳，西班牙 / SpY</a></div>
							<span>追寻希望</span>					
						</div>
						<div><a href="#"></a></div>
					</div>
				</div>
				<!--con2结束-->
			</div>
			<div id="aside">
				<div id="aside-h">
					<span>工作</span>
					<div><a href="#">更多工作></a></div>
				</div>
				<div class="job">
					<div>
						<div class="pic"></div>
						<div class="text"><a href="#">（北京/深圳）愿景集团 – 设计总监 / 主创设计师 / 设计助理 / 实习生</a></div>
					</div>
				</div>
				<div class="job">
					<div>
						<div class="pic"></div>
						<div class="text"><a href="#">（北京）PTW – 高级建筑师 / 建筑师 / 初级建筑师 / 助理建筑师 / 品牌推广专员</a></div>
					</div>
				</div>
				<div class="job">
					<div>
						<div class="pic"></div>
						<div class="text"><a href="#">（最近有哪些好工作？谷德最新30家招聘信息汇总</a></div>
					</div>
				</div>
				<div class="job">
					<div>
						<div class="pic"></div>
						<div class="text"><a href="#">（广州）竖梁社建筑事务所 Atelier cnS – 项目负责建筑师 / 建筑师 / 实习生 / 艺术装置设计师 / 艺术策划 / 平面设计师</a></div>
					</div>
				</div>
			</div>
		</div>
		<!--主体2开始-->
		<!--主体结束-->
		<div class="clear"></div>
		<!--页脚开始-->
		<div id="footer">
			<div id="fo">
				<div class="ff">
					<div class="ff1"><a href="#">关于我们</a></div>
					<div class="ff2"><a href="#">关于我们</a></div>
					<div class="ff3"><a href="#">加入我们</a></div>
				</div>
				<div class="ff">
					<div class="ff1"><a href="#">提交</a></div>
					<div class="ff2"><a href="#">投稿</a></div>
					<div class="ff3"><a href="#">招聘人才</a></div>
				</div>
				<div class="ff">
					<div class="ff1"><a href="#">专辑</a></div>
					<div class="ff2"><a href="#">海外专辑</a></div>
					<div class="ff3"><a href="#">访谈专辑</a></div>
				</div>
				<div class="ff">
					<div class="ff1"><a href="#">分类</a></div>
					<div class="ff2"><a href="#">建筑</a></div>
					<div class="ff3"><a href="#">景观</a></div>
				</div>
			</div>		
		</div>
		<!--页脚结束-->
	</div>
	
</body>
</html>

